<script setup lang="ts">
// setup 模式会自动将组件导出
console.log('DOM Test 组件被加载了')
</script>

<template>
  <div class="test">
    <h2 class="title">Hello Test Component!</h2>
    <HmButton></HmButton>
  </div>
 
</template>

<!-- 解决组件样式冲突 scoped -->
<style scoped>
.test{
  border: 1px solid red;
  margin: 10px;
}
.title{
  background-color: pink;
  color: bisque;
}
</style>